<template>
 <view class="container234">
    <image src="https://files.esurl.cn/public/images/bg.png" class="bg" />
    <view class="container_inner">
      <image
        src="http://files.esurl.cn/public/images/action_end.png"
        mode="widthFix"
        class="nonactive"
      />
      <view class="views">谢谢参与，活动已经结束了哦</view>
    </view>
  </view>

</template>
<script>
export default {};
</script>
<style lang="scss" scoped>
.container234 {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  background-color: #cbf4ff;
}

.container_inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.container_inner .nonactive {
  display: block;
  margin: 0 auto;
}

.views {
  display: block;
  float: left;
  color: #5597f2;
  font-size: 32rpx;
  /* line-height: 0.3rem; */
  width: 100%;
  height: auto;
  text-align: center;
  position: absolute;
  bottom: 130rpx;
}
</style>